<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="author" content="李彩霞">
    <title>小米官网首页</title>
    <link href="Bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="styleheader3.css">
    <link rel="stylesheet" href="stylefooter.css">
</head>

<body>
   <header>
      <div class="header-left"><img src="images/person.png" alt=""></div>
      <div class="header-right"><a href="index4.html">登录/注册</a></div>
  </header>
<div class="middle">
    <div class="middle-left">
        我的订单
    </div>
    <div class="middle-right">
        <div class="qbdd">全部订单</div>
        <span class="jkh">></span>
    </div>    
</div>
<div class="a-middle">
    <ul>
        <li><img src="images/dfk.png" alt=""><br><br><span>代付款</span></li>
        <li><img src="images/dfk.png" alt=""><br><br><span>待收货</span></li>
        <li><img src="images/thx.png" alt=""><br><br><span>退换修</span></li>
    </ul>
</div>
<div class="b-middle">
        <img src="images/wdyh.png" alt="">
        <p>我的优惠</p> 
        <span>></span>
</div>
<div class="c-middle">
        <img src="images/fwzx.png" alt="">
        <p>服务中心</p>
        <span>></span>
</div>
 <div class="middle-hr"><hr></div>
<div class="b-middle">
        <img src="images/xmzj.png" alt="">
        <p>小米之家</p>
        <span>></span>
</div>
<div class="b-middle">
        <img src="images/sz.png" alt="">
        <p>设置</p>
        <span>></span>
</div>
<div class="middle-bottom"></div>

  <footer>
    <ul>
        <li><div><img src="购物车/images/home1.png" alt=""></div><a href="index.html">首页</a></li>
        <li><div><img src="购物车/images/classify1.png" alt=""></div><a href="index1.html">分类</a></li>
        <li><div><img src="购物车/images/buy1.png" alt=""></div><a href="index2.html">购物车</a></li>
        <li><div><img src="购物车/images/person1.png" alt=""></div><a href="index3.html">我的</a></li>
    </ul>
</footer>
    <script src="Bootstrap/js/jquery-3.1.1.min.js"></script>
    <script src="Bootstrap/js/bootstrap.min.js"></script>
</body>

</html>